草庐IT

HTML5 新元素

全部标签

javascript - 仅针对 html 禁用 flex 滚动,但针对溢出 :scroll 的元素进行维护

我正在创建一个全屏网络应用程序,它将包含一些使用新的iOS5溢出:滚动功能的模块/小部件。我想要的是在滚动html/body时禁用那种“flex”效果(因为它是全屏),但只在可滚动元素上保持这种效果。平滑我拥有的可滚动元素的效果:html,body{overflow:hidden;}.scrollable{overflow:scroll;-webkit-overflow-scrolling:touch;}然后是以下禁用触摸滚动效果的脚本:$(document).bind('touchmove',function(e){if(e.target===document.documentEle

javascript - 激活元素的 :active CSS pseudo-class using Javascript?

这可能吗?例如,如果用户按下“return”键并且我触发了“mousedown”事件,我该如何渲染带有:active样式的元素?我知道可以使用类来做到这一点,但我更愿意使用预先存在的:active样式。 最佳答案 根据CSS2.1spec,:active伪类适用于:anelementisbeingactivatedbytheuser.Forexample,betweenthetimestheuserpressesthemousebuttonandreleasesit.您应该能够以主题元素作为事件目标来调度mousedown事件,并且

javascript - 是否有任何标准说明 "aba".split(/a/) 是否应返回 1,2 或 3 个元素?

根据我的测试"aba".split(/a/).length返回1个在ie8中3在firefox、chrome、opera中我一直准备好处理DOM操作或事件模型中的差异,但我认为字符串、正则表达式等内容定义明确。我错了吗? 最佳答案 IE从split结果数组中移除所有未定义或空字符串。由于您的问题似乎与标准的存在有关,因此EcmaScript是Javascript世界中的最佳匹配。正则表达式上拆分的行为已记录在案:http://www.ecma-international.org/ecma-262/5.1/#sec-15.5.4.14

javascript - React JSX 中的自定义 HTML 元素标记

我们正在使用一个使用自定义元素的组件库。这需要我们在JSX中使用自定义HTML标签。举一个非常简单的例子:varApp=React.createClass({render:function(){return;}});React.render(,document.getElementById('content'));在这种特殊情况下,我只需要React输出niner标记而不试图用它做任何太特别的事情。我故意没有ninerReact组件。根据JSXindepth,React'sJSXusestheuppervs.lowercaseconventiontodistinguishbetween

javascript - 在缩放的 div 上拖动元素

我试过使用jquery内置的可拖动功能,也试过使用自定义拖动功能但无济于事。两者都有各自的问题,我将尝试着重强调它们。基本上,我试图允许拖动缩放的div容器上的元素。以下方法在小于2左右的缩放元素上正常。但如果你再高一点,我们就会发现一些问题。如有任何帮助,我们将不胜感激。感谢您的宝贵时间。HTMLHi方法一(Jquery可拖动函数)我已经尝试了jquery可拖动功能,正如您在jsfiddle中看到的那样示例。我在这个例子中发现的问题如下:最大的问题:可放置的容器在放大时不会改变。因此,如果该元素被拖动到不是其原始大小的一部分的缩放容器的一部分上,它将失败。当您点击拖动一个div时,它

javascript - 使用 DataTables (Meteor Tabular) 在新行中绘制数组的每个元素

我正在使用MeteorTabularpackage它实现了DataTables.我正在尝试从Mongo集合创建一个表。该集合有一个形式的文档{input:Array[365],output:Array[365],date:Array[365]}我用下面的代码在Meteor中定义表TabularTables.MyTable=newTabular.Table({name:"MyTable",collection:MyTable,columns:[{data:"input",title:"Input",searchable:false},{data:"output",title:"Outpu

javascript - aurelia 中使用 repeat.for 绑定(bind)自定义元素的正确方法是什么

使用Aurelia,我正在为绑定(bind)和repeat.for而苦苦挣扎:假设我的View模型中有一个属性menuItems(MenuItem的数组)我想用自定义模板重复菜单项:exportclassApp{menuItems:MenuItem[];}exportclassMenuItem{label:string;}在我的应用程序模板中,我使用了自定义元素我的自定义模板(menu-item.html):${label}绑定(bind)模板或访问绑定(bind)的MenuItem的正确方法是什么?我试过以下方法:${label}和${item.label}但这是行不通的。我可以在b

javascript - 如何将 JavaScript 代码拆分为多个文件并使用它们而不通过 HTML 中的脚本标记包含它们?

我正在广泛使用构造函数(类),并希望每个构造函数都在一个单独的文件中(类似于Java)。假设我有构造函数说Class1、Class2、...Class10,我只想使用Class1和Class5我需要使用脚本标记将Class1.js和Class2.js包含到HTML页面中。稍后如果我还需要使用Class3和Class6,我需要再次转到HTML页面并为它们添加脚本标签。这种方式维护性太差。JavaScript中有类似C的include指令的东西吗?如果不是,有没有办法模拟这种行为? 最佳答案 您可以使用jQuery.getScript:

javascript - jQuery - 隐藏元素的最佳方式? (以防止元素在实际隐藏之前闪烁)

我记得在某些时候Opera(很可能是Safari。)有一个问题,如果你在元素上使用.hide(),它会短暂闪烁在它真正隐藏元素之前。现在,如果你不想忽略那些出于某种原因在他们的浏览器中没有打开js的人,你不能真正使用CSS在该元素中设置display:none;来隐藏它,然后使用js例如淡入。我最近注意到Opera中不再发生这种情况。所以,我想知道这在某些浏览器中是否仍然会发生,以防我错过了……并假设这会发生。最安全的方法是什么?(当然在这种情况下忽略css方法。)js.hide()js.addClass('hide')css.hide{显示:无;}还是别的?编辑:jselement.

javascript - 允许用户上传 HTML/JS 文件的风险

我们正在为HTML5游戏设计在线Playground。用户可以上传包含他们游戏的zip文件。上传时,zip由服务器解压,每个文件循环检查其扩展名是否符合白名单,允许:.html.js.png.jpg.appcache.m4a.ogg(游戏必须在我们导出这些文件的游戏编辑器中制作)。这应该可以防止人们上传zip、服务器端脚本文件等。然后游戏会转移到我们的静态无cookie域(scirra.net)。在我们的scirra.com页面上玩游戏时,游戏会显示在指向scirra.net域的iframe中。这应该可以防止恶意JS访问scirra.comcookie。这个iframe技术和白名单是否